<!DOCTYPE html>

<%@ include file="/WEB-INF/jsp/includes/includes.jsp" %>

<html>

	<!-- html head, metadata, includes, etc -->
	<head>
		<%@ include file="/WEB-INF/jsp/includes/head.jsp" %>
	</head> 

	<body>
		<c:import url="/WEB-INF/jsp/includes/navigation.jsp">
			<c:param name="current" value="register"/>
		</c:import> 
		
		<div class="container">
		
			<!-- login information row -->
		  	<div class="row">
				<!-- registration -->
			    <div class="span7">
			      <h2 class="header-background">Registration</h2>
			      <p>
			      	<form:form modelAttribute="user" method="POST" cssClass="form-horizontal">
				        <fieldset>
				          <div class="control-group">
				            <label class="control-label" for="inputUrl">OpenID URL</label>
				            <div class="controls">
				              <form:input path="openIdUrl" cssClass="input disabled" readonly="true" />
				              <p class="help-inline">(Computer friendly identifier.)</p>
				            </div>
				          </div>
				          <div class="control-group">
				            <label class="control-label" for="inputAlias">Alias</label>
				            <div class="controls">
				              <form:input path="alias" cssClass="input" placeholder="Tuppence"/>
				              <p class="help-inline">(What you want to be called.)</p>
				            </div>				     
				          </div>     
				          <div class="control-group">  
				            <label class="control-label" for="inputEmail">Email Address</label>
				            <div class="controls">
				              <form:input path="email" cssClass="input" placeholder="Tuppence"/>
				              <p class="help-inline">(So we can stay in touch.)</p>
				            </div>
				          </div>
				          <div class="control-group">
				            <label class="control-label" for="inputFirstName">Name</label>
				            <div class="controls">
				        	  <form:input path="firstName" cssClass="input input-small" placeholder="First"/>
				        	  <form:input path="lastName" cssClass="input input-small form-inline" placeholder="Last"/>
				              <p class="help-inline">(So we can address you by name.)</p>
				            </div>
				          </div>
				          <div class="form-actions">
				            <button type="submit" class="btn btn-primary">Register</button>
				            <button type="reset" class="btn">Clear</button>
				          </div>
				        </fieldset>
				      </form:form>
			      </p>
			    </div>
			    <!-- why? -->
			    <div class="span5">
			  	  <h2 class="header-background">Why register?</h2>
			      <p>
				  	Even though Tuppence uses OpenID we still need to collect some basic user data from you.  This is so that we can contact you via email for service
				  	announcements and status and otherwise provide better service.  
				  </p>
				  <p>
				  	Email addresses collected by Tuppence are <strong>never</strong> used for advertisement.  We will never sell email addresses to third party providers.  
				  </p>
				  <p>
				  	Any data that is deemed sensitive and that is collected by Tuppence will never be stored in clear text.  We have a commitment
				  	to maintaining the privacy and security of any user who entrusts us with their information.
			      </p>
			    </div>
			</div>
		
			<!-- footer -->
	  		<%@ include file="/WEB-INF/jsp/includes/foot.jsp" %>  
				
		</div><!--/container-->
		
		<!-- javascript -->
		<!-- placed at the end of the document so the pages load faster, according to twitter bootstrap -->
		<%@ include file="/WEB-INF/jsp/includes/javascript.jsp" %> 
	</body>
</html>